var p = 1;
var list = [];
var timer = null; //获取列表的数据的timer
var getList = function() {
	var offset = 200;
	var win_h = $(window).height();
	var doc_h = $(document).height();
	var scr_top = $(window).scrollTop();

	clearTimeout(timer);
    timer = setTimeout(function(){
		if (win_h + scr_top >= doc_h - offset) {
		    $.ajax({
		        'url': API_LIST,
		        'type': 'GET',
		        'dataType': 'json',
		        'data': {'p': p},
		        'success': function(json){
		        	if (0 == json.status){
		        		vm.$set('is_end', true);
		        	} else {
			        	for (k in json.data) list.push(json.data[k]);
			        	vm.$set('goods_list', list);
			        	vm.$set('load', 2);
			        	p++;	
		        	}
		       	}
		    });	
		}
	}, 200);
}

Vue.transition('expand', {
  // css: false,
  enter: function (el, done) {
    // 元素已被插入 DOM
    // 在动画结束后调用 done
    // var img = $(el).find('img');

	echo.init({
	    offset: 1080,
        unload: false,
	});

  },
  enterCancelled: function (el) {
    // $(el).stop()
  },
  leave: function (el, done) {
    // 与 enter 相同
    // $(el).animate({ opacity: 0 }, 1000, done)
  },
  leaveCancelled: function (el) {
    // $(el).stop()
  }
});


Vue.component('modal', {
  template: '#modal-template',
  props: {
    show: {
      type: Boolean,
      required: true,
      twoWay: true    
    }
  }
})


var vm = new Vue({
	'el': 'body',
	'data': {
		'load': 1,
		'is_end': false,
		'showModal': false
	},
	'methods': {
		'show_modal': function() {
            this.showModal = true;
        },
        'close_modal': function() {
            this.showModal = false;
        }
	},
	'created': function () {

  	},
	'computed': {

	}     
});




$(window).scroll(function(event) {
	getList();
}).ready(function(){
	getList();
});


function vaildate_mobile(mobile) {
    if (!/^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9])\d{8}$/i.test(mobile)) {
        return false;
    } else {
        return true;
    }
}
/**
 * 手机号input
 */
$('#j-ipt-mobile').focus(function() {
    $('p.tip').eq(0).html('请输入手机号!').css({
        'visibility': 'hidden'
    });
}).blur(function() {
    var mobile = $(this).val();
    if (!vaildate_mobile(mobile)) {
        $('p.tip').eq(0).html('请输入手机号!').css({
            'visibility': 'visible'
        });
    }
}).keyup(function(event) {
    if (11 == $(this).val().length && vaildate_mobile($(this).val())) {
        $('#j-btn-getcode').removeAttr('disabled').removeClass('btn-disabled');
    } else {
        $('#j-btn-getcode').attr('disabled', 'disabled').addClass('btn-disabled');
    }
});
/**
 * 验证码input
 */
$('#j-ipt-code').blur(function() {
    var code = $(this).val();
    if (6 > code.length) {
        $('p.tip').eq(1).html('验证码为6位的数字!').css({
            'visibility': 'visible'
        });
    } else {
        $('p.tip').eq(1).css({
            'visibility': 'hidden'
        });
    }
}).keyup(function(event) {
    var code = $(this).val();
    if (6 <= code.length) {
        $('p.tip').eq(1).html('').css({
            'visibility': 'hidden'
        });
    }
});
/**
 * 登陆按钮
 */
$('#j-btn-submit').click(function() {
    var phone = $('#j-ipt-mobile').val();
    var code = $('#j-ipt-code').val();
    if ('' == phone) {
        $('p.tip').eq(0).html('请输入手机号!').css({
            'visibility': 'visible'
        });
    } else if ('' == code) {
        $('p.tip').eq(1).html('请输入验证码!').css({
            'visibility': 'visible'
        });
    } else if (6 > code.length) {
        $('p.tip').eq(1).html('验证码为6位的数字!').css({
            'visibility': 'visible'
        });
    } else {
        $(this).attr('disabled', 'disabled').addClass('btn-disabled').text('登陆中...');
        $.ajax({
            url: API_LOGIN,
            type: 'POST',
            dataType: 'json',
            data: {
                phone: phone,
                code: code
            },
            success: function(json) {
                if (1 == json.status) {
                    window.localStorage.removeItem('cutedown_begin');
                    window.location.reload();
                } else {
                    $('#j-btn-submit').removeAttr('disabled').removeClass('btn-disabled').text('点击登录');
                    alert(json.info);
                }
            },
            fail: function() {
                alert('网络延迟, 请刷新重试!');
            }
        });
    }
});
/**
 * 获取验证码按钮
 */
$('#j-btn-getcode').click(function() {
    // 是否之前获取过验证码
    if (undefined == window.localStorage.cutedown_begin) {
        window.localStorage.cutedown_begin = Date.parse(new Date());
        $('#j-ipt-code').val('');
        $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('发送中...');
        get_code();
    } else {
        // 判断是否是60秒之前获取的和验证码
        if (60 < (Date.parse(new Date()) - window.localStorage.cutedown_begin) / 1000) {
            window.localStorage.cutedown_begin = Date.parse(new Date());
            $('#j-ipt-code').val('');
            $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('发送中...');
            get_code();
        } else {
            var timeout = 60 - ((Date.parse(new Date()) - window.localStorage.cutedown_begin) / 1000);
            $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('重新发送(' + timeout + ')');


			var timer = setInterval(function() {
                $('#j-btn-getcode').text('重新发送(' + timeout + ')');
                timeout--;
                if (-1 == timeout){
                    clearInterval(timer);
                    $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                } 
            }, 1000);



            // alert('短信发送中, 如未收到 ' + free_time + '秒后, 请重试!');
        }
    }
    // 验证码请求
    function get_code() {
        var timer = null;
        $.ajax({
            url: API_SMS,
            type: 'POST',
            dataType: 'json',
            data: {
                phone: $('#j-ipt-mobile').val()
            },
            success: function(json) {
                if (1 == json.status) {
                    var timeout = 60;
                    timer = setInterval(function() {
                        $('#j-btn-getcode').text('重新发送(' + timeout + ')');
                        timeout--;
                        if (-1 == timeout){
                            clearInterval(timer);
                            $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                        } 
                    }, 1000);
                } else {
                    $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                    alert('网络延迟, 请重新发送!');
                }
            },
            fail: function() {
                alert('网络延迟, 请刷新重试!');
            }
        });
    }
});

